<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/主区域样式.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
</head>

<body>
    <!-- 主区域 -->
    <!-- 用div包含就不会被上面增加的div影响 -->
    <div>
        <!-- 热点 -->
        <div class="section">
            <div class="container clearfix">
                <!-- 左边栏 -->
                <!-- <div class="aside-left">
                    左边栏
                </div> -->
                <!-- 右边栏 -->
                <div class="aside-right">
                    <div class="adv">
                        <a href="">
                            <img src="./img/adv1.jpg" alt="">
                        </a>
                    </div>
                    <div class="section-title">
                        <h3 class="title">热门话题</h3>
                        <span class="link">
                            <a href="">
                                去话题广场
                            </a>
                        </span>
                    </div>
                    <ul class="hot-list">
                        <li>
                            <div class="title">
                                <a href="" class="adv-tag">访墓记</a>
                            </div>
                            <div class="desc">
                                <span>379728人浏览</span>
                                <span>新话题</span>
                            </div>
                        </li>
                        <li>
                            <div class="title">
                                <a href="">访墓记</a>
                            </div>
                            <div class="desc">
                                <span>379728人浏览</span>
                                <span>新话题</span>
                            </div>
                        </li>
                        <li>
                            <div class="title">
                                <a href="">访墓记</a>
                            </div>
                            <div class="desc">
                                <span>379728人浏览</span>
                                <span>新话题</span>
                            </div>
                        </li>
                        <li>
                            <div class="title">
                                <a href="">访墓记</a>
                            </div>
                            <div class="desc">
                                <span>379728人浏览</span>
                                <span>新话题</span>
                            </div>
                        </li>
                        <li>
                            <div class="title">
                                <a href="">访墓记</a>
                            </div>
                            <div class="desc">
                                <span>379728人浏览</span>
                                <span>新话题</span>
                            </div>
                        </li>
                        <li>
                            <div class="title">
                                <a href="">访墓记</a>
                            </div>
                            <div class="desc">
                                <span>379728人浏览</span>
                                <span>新话题</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 中间栏 -->
                <div class="main">
                    <div class="section-title">
                        <h3 class="title">热门内容</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>
                    <div class="hot-main clearfix">
                        <div class="left">
                            <ul class="item-list">
                                <li>
                                    <div class="img">
                                        <a href="">
                                            <img src="./img/cover1.webp" alt="">
                                        </a>
                                    </div>
                                    <div class="words">
                                        <a href="">
                                            大部分是自己的作业相册
                                        </a>
                                        <span class="color999">
                                            76张照片
                                        </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="img">
                                        <a href="">
                                            <img src="./img/cover1.webp" alt="">
                                        </a>
                                    </div>
                                    <div class="words">
                                        <a href="">
                                            大部分是自己的作业相册
                                        </a>
                                        <span class="color999">
                                            76张照片
                                        </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="img">
                                        <a href="">
                                            <img src="./img/cover1.webp" alt="">
                                        </a>
                                    </div>
                                    <div class="words">
                                        <a href="">
                                            大部分是自己的作业相册
                                        </a>
                                        <span class="color999">
                                            76张照片
                                        </span>
                                    </div>
                                </li>
                                <li>
                                    <div class="img">
                                        <a href="">
                                            <img src="./img/cover1.webp" alt="">
                                        </a>
                                    </div>
                                    <div class="words">
                                        <a href="">
                                            大部分是自己的作业相册
                                        </a>
                                        <span class="color999">
                                            76张照片
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="right">
                            <ul>
                                <li>
                                    <a href="">城市失忆症</a>
                                    <div class="title">
                                        萝莉的日记
                                    </div>
                                    <div class="desc">
                                        所选取的三十座博物馆中，这一座实际上离我的地理位置是最近的。之前也已经去过三...
                                    </div>
                                </li>
                                <li><a href="">Lorem ipsum dolor sit.</a></li>
                                <li><a href="">Ad quas repudiandae impedit.</a></li>
                                <li><a href="">Maxime eveniet sunt perspiciatis.</a></li>
                                <li><a href="">Quia impedit fugiat maiores?</a></li>
                                <li><a href="">Quia eius tempore dolorem.</a></li>
                                <li><a href="">Eum illo modi quae!</a></li>
                                <li><a href="">Eligendi dolorem corrupti officia!</a></li>
                                <li><a href="">Sint commodi quia consequuntur!</a></li>
                                <li><a href="">Ad temporibus nemo quod.</a></li>
                                <li><a href="">Neque qui voluptates explicabo.</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 豆瓣时间 -->
        <div class="section">
            <div class="container clearfix">
                <div class="aside-left">
                    <h2 class="title">
                        <a href="">豆瓣时间</a>
                    </h2>
                </div>
                <div class="main">
                    <div class="section-title">
                        <h3 class="title">热门专栏</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>
                    <div class="time-main">
                        <ul class="item-list">
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover2.jpg" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">
                                        如何读懂美——赤木明登工艺课堂
                                    </a>
                                    <span class="color999">视频专栏</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 视频 -->
        <div class="section">
            <div class="container clearfix">
                <div class="aside-left">
                    <h2 class="title">
                        <a href="">视频</a>
                    </h2>
                </div>

                <div class="main video-main">
                    <div class="section-title">
                        <a href="">
                            <h3 class="title">瓣嘴</h3>
                        </a>
                    </div>
                    <ul class="item-list">
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover3.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                <a href="">
                                    马伊琍衣品遭围攻吐槽 清气脑回路解读流行语
                                </a>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover3.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                <a href="">
                                    马伊琍衣品遭围攻吐槽 清气脑回路解读流行语
                                </a>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover3.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                <a href="">
                                    马伊琍衣品遭围攻吐槽 清气脑回路解读流行语
                                </a>
                            </div>
                        </li>
                    </ul>

                    <div class="section-title">
                        <a href="">
                            <h3 class="title">观影会客厅</h3>
                        </a>
                    </div>

                    <ul class="item-list">
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover3.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                <a href="">
                                    马伊琍衣品遭围攻吐槽 清气脑回路解读流行语
                                </a>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover3.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                <a href="">
                                    马伊琍衣品遭围攻吐槽 清气脑回路解读流行语
                                </a>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover3.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                <a href="">
                                    马伊琍衣品遭围攻吐槽 清气脑回路解读流行语
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 豆瓣电影 -->
        <div class="section">
            <div class="container clearfix movie-area">
                <div class="aside-left">
                    <h2 class="title">
                        <a href="">电影</a>
                    </h2>
                    <div class="left-menu">
                        <ul>
                            <li>
                                <a href="">
                                    影讯&购票
                                </a>
                            </li>
                            <li>
                                <a href="" class="new">
                                    选电影
                                </a>
                            </li>
                            <li><a href="">Lorem.</a></li>
                            <li><a href="">Delectus?</a></li>
                            <li><a href="" class="new">Aperiam?</a></li>
                            <li><a href="">Quibusdam.</a></li>
                            <li><a href="">Optio.</a></li>
                            <li><a href="">Sed?</a></li>
                            <li><a href="" class="new">Saepe.</a></li>
                            <li><a href="">Doloremque?</a></li>
                            <li><a href="">Accusantium?</a></li>
                            <li><a href="">Et.</a></li>
                        </ul>
                    </div>
                </div>

                <div class="aside-right">
                    <div class="section-title">
                        <h3 class="title">影片分类</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <ul class="right-menu-list clearfix">
                        <li>
                            <a href="">爱情</a>
                        </li>
                        <li><a href="">喜剧</a></li>
                        <li><a href="">剧情</a></li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Cumque?</a></li>
                        <li><a href="">Maxime.</a></li>
                        <li><a href="">Soluta!</a></li>
                        <li><a href="">Molestiae?</a></li>
                        <li><a href="">Ad.</a></li>
                        <li><a href="">Quo!</a></li>
                        <li><a href="">Sapiente.</a></li>
                        <li><a href="">In?</a></li>
                        <li><a href="">Nam!</a></li>
                    </ul>

                    <div class="section-title">
                        <h3 class="title">近期热门</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <ul class="order-movie-list">
                        <li><a href="">小丑</a></li>
                        <li><a href="">续命之徒：绝命毒师电影</a></li>
                        <li><a href="">哪吒之魔童降世</a></li>
                        <li><a href="">Lorem.</a></li>
                        <li><a href="">Modi?</a></li>
                        <li><a href="">Quos.</a></li>
                        <li><a href="">Quidem.</a></li>
                        <li><a href="">Aliquid.</a></li>
                        <li><a href="">Nesciunt?</a></li>
                        <li><a href="">Impedit.</a></li>
                        <li><a href="">Quasi.</a></li>
                        <li><a href="">Sequi.</a></li>
                        <li><a href="">Similique.</a></li>
                    </ul>
                </div>

                <div class="main">
                    <div class="section-title">
                        <h3 class="title">正在热映</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <div>
                        <ul class="item-list">
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover5.webp" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">阿拉丁</a>
                                </div>
                                <div class="star">
                                    <span class="star-bg star50"></span>
                                    <span class="number">8.9</span>
                                </div>
                                <div class="func">
                                    <a href="" class="block-link">选座购票</a>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover5.webp" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">阿拉丁</a>
                                </div>
                                <div class="star">
                                    <span class="star-bg star50"></span>
                                    <span class="number">8.9</span>
                                </div>
                                <div class="func">
                                    <a href="" class="block-link">选座购票</a>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover5.webp" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">阿拉丁</a>
                                </div>
                                <div class="star">
                                    <span class="star-bg star50"></span>
                                    <span class="number">8.9</span>
                                </div>
                                <div class="func">
                                    <a href="" class="block-link">选座购票</a>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover5.webp" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">阿拉丁</a>
                                </div>
                                <div class="star">
                                    <span class="star-bg star50"></span>
                                    <span class="number">8.9</span>
                                </div>
                                <div class="func">
                                    <a href="" class="block-link">选座购票</a>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover5.webp" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">阿拉丁</a>
                                </div>
                                <div class="star">
                                    <span class="star-bg star50"></span>
                                    <span class="number">8.9</span>
                                </div>
                                <div class="func">
                                    <a href="" class="block-link">选座购票</a>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover5.webp" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">阿拉丁</a>
                                </div>
                                <div class="star">
                                    <span class="star-bg star50"></span>
                                    <span class="number">8.9</span>
                                </div>
                                <div class="func">
                                    <a href="" class="block-link">选座购票</a>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover5.webp" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">阿拉丁</a>
                                </div>
                                <div class="star">
                                    <span class="star-bg star50"></span>
                                    <span class="number">8.9</span>
                                </div>
                                <div class="func">
                                    <a href="" class="block-link">选座购票</a>
                                </div>
                            </li>
                            <li>
                                <div class="img">
                                    <a href="">
                                        <img src="./img/cover5.webp" alt="">
                                    </a>
                                </div>
                                <div class="words">
                                    <a href="">阿拉丁</a>
                                </div>
                                <div class="star">
                                    <span class="star-bg star50"></span>
                                    <span class="number">8.9</span>
                                </div>
                                <div class="func">
                                    <a href="" class="block-link">选座购票</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 小组 -->
        <div class="section">
            <div class="container group-area clearfix">
                <div class="aside-left">
                    <h2 class="title">
                        <a href="">小组</a>
                    </h2>
                    <div class="left-menu">
                        <ul>
                            <li>
                                <a href="">
                                    精选
                                </a>
                            </li>
                            <li>
                                <a href="" class="new">
                                    文化
                                </a>
                            </li>
                            <li><a href="">行摄</a></li>
                            <li><a href="">Delectus?</a></li>
                            <li><a href="" class="new">Aperiam?</a></li>
                            <li><a href="">Quibusdam.</a></li>
                            <li><a href="">Optio.</a></li>
                            <li><a href="">Sed?</a></li>
                            <li><a href="" class="new">Saepe.</a></li>
                            <li><a href="">Doloremque?</a></li>
                            <li><a href="">Accusantium?</a></li>
                            <li><a href="">Et.</a></li>
                        </ul>
                    </div>
                </div>

                <div class="aside-right">
                    <div class="section-title">
                        <h3 class="title">小组分类</h3>
                    </div>

                    <div class="group">
                        <div class="group-name">
                            <a href="">兴趣</a>
                        </div>

                        <ul class="right-menu-list clearfix">
                            <li>
                                <a href="">旅行</a>
                            </li>
                            <li><a href="">喜剧</a></li>
                            <li><a href="">剧情</a></li>
                            <li><a href="">Lorem.</a></li>
                            <li><a href="">Cumque?</a></li>
                            <li><a href="">Maxime.</a></li>
                            <li><a href="">Soluta!</a></li>
                            <li><a href="">Molestiae?</a></li>
                            <li><a href="">Ad.</a></li>
                            <li><a href="">Quo!</a></li>
                            <li><a href="">Sapiente.</a></li>
                            <li><a href="">In?</a></li>
                            <li><a href="">Nam!</a></li>
                        </ul>
                    </div>

                    <div class="group">
                        <div class="group-name">
                            <a href="">兴趣</a>
                        </div>

                        <ul class="right-menu-list clearfix">
                            <li>
                                <a href="">旅行</a>
                            </li>
                            <li><a href="">喜剧</a></li>
                            <li><a href="">剧情</a></li>
                            <li><a href="">Lorem.</a></li>
                            <li><a href="">Cumque?</a></li>
                            <li><a href="">Maxime.</a></li>
                            <li><a href="">Soluta!</a></li>
                            <li><a href="">Molestiae?</a></li>
                            <li><a href="">Ad.</a></li>
                            <li><a href="">Quo!</a></li>
                            <li><a href="">Sapiente.</a></li>
                            <li><a href="">In?</a></li>
                            <li><a href="">Nam!</a></li>
                        </ul>
                    </div>

                    <div class="group">
                        <div class="group-name">
                            <a href="">兴趣</a>
                        </div>

                        <ul class="right-menu-list clearfix">
                            <li>
                                <a href="">旅行</a>
                            </li>
                            <li><a href="">喜剧</a></li>
                            <li><a href="">剧情</a></li>
                            <li><a href="">Lorem.</a></li>
                            <li><a href="">Cumque?</a></li>
                            <li><a href="">Maxime.</a></li>
                            <li><a href="">Soluta!</a></li>
                            <li><a href="">Molestiae?</a></li>
                            <li><a href="">Ad.</a></li>
                            <li><a href="">Quo!</a></li>
                            <li><a href="">Sapiente.</a></li>
                            <li><a href="">In?</a></li>
                            <li><a href="">Nam!</a></li>
                        </ul>
                    </div>
                </div>

                <div class="main">
                    <div class="section-title">
                        <h3 class="title">热门小组</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <ul class="item-list">
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover6.webp" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">对象太他妈难找了党-单身凸^-^凸</a>
                                <span>16415 个成员</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover6.webp" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">对象太他妈难找了党-单身凸^-^凸</a>
                                <span>16415 个成员</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover6.webp" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">对象太他妈难找了党-单身凸^-^凸</a>
                                <span>16415 个成员</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover6.webp" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">对象太他妈难找了党-单身凸^-^凸</a>
                                <span>16415 个成员</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover6.webp" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">对象太他妈难找了党-单身凸^-^凸</a>
                                <span>16415 个成员</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover6.webp" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">对象太他妈难找了党-单身凸^-^凸</a>
                                <span>16415 个成员</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover6.webp" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">对象太他妈难找了党-单身凸^-^凸</a>
                                <span>16415 个成员</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover6.webp" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">对象太他妈难找了党-单身凸^-^凸</a>
                                <span>16415 个成员</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 图书 -->
        <div class="section">
            <div class="container clearfix book-area">
                <div class="aside-left">
                    <h2 class="title">
                        <a href="">读书</a>
                    </h2>

                    <div class="left-menu">
                        <ul>
                            <li>
                                <a href="">
                                    分类浏览
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    阅读
                                </a>
                            </li>
                            <li><a href="">作者</a></li>
                            <li><a href="">书评</a></li>
                            <li><a href="" class="new">Aperiam?</a></li>
                        </ul>
                    </div>

                    <div class="menu-adv">
                        <a href="">
                            <span class="app-icon-1"></span>
                        </a>
                        <a href="">豆瓣阅读</a>
                    </div>
                </div>

                <div class="aside-right">
                    <div class="section-title">
                        <h2 class="title">热门标签</h2>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <div class="group">
                        <ul class="right-menu-list clearfix">
                            <li>
                                <span>
                                    [文学]
                                </span>
                            </li>
                            <li>
                                <a href="">小说</a>
                            </li>
                            <li><a href="">随笔</a></li>
                            <li><a href="">日本文学</a></li>
                            <li><a href="">Lorem.</a></li>
                            <li><a href="">Cumque?</a></li>
                            <li><a href="">Maxime.</a></li>
                            <li><a href="">Soluta!</a></li>
                            <li><a href="">Molestiae?</a></li>
                            <li><a href="">Ad.</a></li>
                            <li><a href="">Quo!</a></li>
                            <li><a href="">Sapiente.</a></li>
                            <li><a href="">In?</a></li>
                            <li><a href="">Nam!</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <ul class="right-menu-list clearfix">
                            <li>
                                <span>
                                    [文学]
                                </span>
                            </li>
                            <li>
                                <a href="">小说</a>
                            </li>
                            <li><a href="">随笔</a></li>
                            <li><a href="">日本文学</a></li>
                            <li><a href="">Lorem.</a></li>
                            <li><a href="">Cumque?</a></li>
                            <li><a href="">Maxime.</a></li>
                            <li><a href="">Soluta!</a></li>
                            <li><a href="">Molestiae?</a></li>
                            <li><a href="">Ad.</a></li>
                            <li><a href="">Quo!</a></li>
                            <li><a href="">Sapiente.</a></li>
                            <li><a href="">In?</a></li>
                            <li><a href="">Nam!</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <ul class="right-menu-list clearfix">
                            <li>
                                <span>
                                    [文学]
                                </span>
                            </li>
                            <li>
                                <a href="">小说</a>
                            </li>
                            <li><a href="">随笔</a></li>
                            <li><a href="">日本文学</a></li>
                            <li><a href="">Lorem.</a></li>
                            <li><a href="">Cumque?</a></li>
                            <li><a href="">Maxime.</a></li>
                            <li><a href="">Soluta!</a></li>
                            <li><a href="">Molestiae?</a></li>
                            <li><a href="">Ad.</a></li>
                            <li><a href="">Quo!</a></li>
                            <li><a href="">Sapiente.</a></li>
                            <li><a href="">In?</a></li>
                            <li><a href="">Nam!</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <ul class="right-menu-list clearfix">
                            <li>
                                <span>
                                    [文学]
                                </span>
                            </li>
                            <li>
                                <a href="">小说</a>
                            </li>
                            <li><a href="">随笔</a></li>
                            <li><a href="">日本文学</a></li>
                            <li><a href="">Lorem.</a></li>
                            <li><a href="">Cumque?</a></li>
                            <li><a href="">Maxime.</a></li>
                            <li><a href="">Soluta!</a></li>
                            <li><a href="">Molestiae?</a></li>
                            <li><a href="">Ad.</a></li>
                            <li><a href="">Quo!</a></li>
                            <li><a href="">Sapiente.</a></li>
                            <li><a href="">In?</a></li>
                            <li><a href="">Nam!</a></li>
                        </ul>
                    </div>
                </div>

                <div class="main">
                    <div class="section-title">
                        <h2 class="title">新书速递</h2>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <ul class="item-list">
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover7.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">镀金时代</a>
                                <span>夏清影</span>
                            </div>
                            <di class="func">
                                <a href="" class="block-link">免费试读</a>
                            </di>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover7.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">镀金时代</a>
                                <span>夏清影</span>
                            </div>
                            <di class="func">
                                <a href="" class="block-link">免费试读</a>
                            </di>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover7.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">镀金时代</a>
                                <span>夏清影</span>
                            </div>
                            <di class="func">
                                <a href="" class="block-link">免费试读</a>
                            </di>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover7.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">镀金时代</a>
                                <span>夏清影</span>
                            </div>
                            <di class="func">
                                <a href="" class="block-link">免费试读</a>
                            </di>
                        </li>
                    </ul>

                    <div class="section-title">
                        <h2 class="title">原创数据作品</h2>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <ul class="item-list">
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover7.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">镀金时代</a>
                                <span>夏清影</span>
                            </div>
                            <di class="func">
                                <a href="" class="block-link">免费试读</a>
                            </di>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover7.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">镀金时代</a>
                                <span>夏清影</span>
                            </div>
                            <di class="func">
                                <a href="" class="block-link">免费试读</a>
                            </di>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover7.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">镀金时代</a>
                                <span>夏清影</span>
                            </div>
                            <di class="func">
                                <a href="" class="block-link">免费试读</a>
                            </di>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover7.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">镀金时代</a>
                                <span>夏清影</span>
                            </div>
                            <di class="func">
                                <a href="" class="block-link">免费试读</a>
                            </di>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 音乐 -->
        <div class="section">
            <div class="container clearfix music-area">
                <div class="aside-left">
                    <h2 class="title">
                        <a href="">音乐</a>
                    </h2>

                    <div class="left-menu">
                        <ul>
                            <li>
                                <a href="">
                                    音乐人
                                </a>
                            </li>
                            <li>
                                <a href="" class="new">
                                    潮潮豆瓣音乐周
                                </a>
                            </li>
                            <li><a href="">金羊毛计划</a></li>
                            <li><a href="">专题</a></li>
                            <li><a href="">排行榜</a></li>
                            <li><a href="">分类浏览</a></li>
                            <li><a href="">乐评</a></li>
                            <li><a href="">豆瓣FM</a></li>
                            <li><a href="">歌单</a></li>
                            <li><a href="">阿比鹿音乐奖</a></li>
                        </ul>
                    </div>

                    <div class="menu-adv">
                        <a href="">
                            <span class="app-icon-6"></span>
                        </a>
                        <a href="">豆瓣FM</a>
                    </div>

                    <div class="menu-adv">
                        <a href="">
                            <span class="app-icon-2"></span>
                        </a>
                        <a href="">豆瓣音乐人</a>
                    </div>
                </div>

                <div class="aside-right">
                    <div class="section-title">
                        <h3 class="title">本周流行音乐人</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <ul class="music-player-list">
                        <li class="clearfix">
                            <span class="number left">1.</span>
                            <div class="player right">
                                <a href="">
                                    <div class="img left iconbofang1 iconfont">
                                        <img src="./img/cover8.jpg" alt="">
                                    </div>
                                </a>
                                <div class="words left">
                                    <a href="">王傲（音乐人）</a>
                                    <span>流派：世界音乐 world</span>
                                    <span>463人关注</span>
                                </div>
                            </div>
                        </li>
                        <li class="clearfix">
                            <span class="number left">1.</span>
                            <div class="player right">
                                <a href="">
                                    <div class="img left iconbofang1 iconfont">
                                        <img src="./img/cover8.jpg" alt="">
                                    </div>
                                </a>
                                <div class="words left">
                                    <a href="">王傲（音乐人）</a>
                                    <span>流派：世界音乐 world</span>
                                    <span>463人关注</span>
                                </div>
                            </div>
                        </li>
                        <li class="clearfix">
                            <span class="number left">1.</span>
                            <div class="player right">
                                <a href="">
                                    <div class="img left iconbofang1 iconfont">
                                        <img src="./img/cover8.jpg" alt="">
                                    </div>
                                </a>
                                <div class="words left">
                                    <a href="">王傲（音乐人）</a>
                                    <span>流派：世界音乐 world</span>
                                    <span>463人关注</span>
                                </div>
                            </div>
                        </li>
                        <li class="clearfix">
                            <span class="number left">1.</span>
                            <div class="player right">
                                <a href="">
                                    <div class="img left iconbofang1 iconfont">
                                        <img src="./img/cover8.jpg" alt="">
                                    </div>
                                </a>
                                <div class="words left">
                                    <a href="">王傲（音乐人）</a>
                                    <span>流派：世界音乐 world</span>
                                    <span>463人关注</span>
                                </div>
                            </div>
                        </li>
                        <li class="clearfix">
                            <span class="number left">1.</span>
                            <div class="player right">
                                <a href="">
                                    <div class="img left iconbofang1 iconfont">
                                        <img src="./img/cover8.jpg" alt="">
                                    </div>
                                </a>
                                <div class="words left">
                                    <a href="">王傲（音乐人）</a>
                                    <span>流派：世界音乐 world</span>
                                    <span>463人关注</span>
                                </div>
                            </div>
                        </li>
                        <li class="clearfix">
                            <span class="number left">1.</span>
                            <div class="player right">
                                <a href="">
                                    <div class="img left iconbofang1 iconfont">
                                        <img src="./img/cover8.jpg" alt="">
                                    </div>
                                </a>
                                <div class="words left">
                                    <a href="">王傲（音乐人）</a>
                                    <span>流派：世界音乐 world</span>
                                    <span>463人关注</span>
                                </div>
                            </div>
                        </li>
                        <li class="clearfix">
                            <span class="number left">1.</span>
                            <div class="player right">
                                <a href="">
                                    <div class="img left iconbofang1 iconfont">
                                        <img src="./img/cover8.jpg" alt="">
                                    </div>
                                </a>
                                <div class="words left">
                                    <a href="">王傲（音乐人）</a>
                                    <span>流派：世界音乐 world</span>
                                    <span>463人关注</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="main">
                    <div class="section-title">
                        <h3 class="title">豆瓣新碟榜</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <ul class="item-list">
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover9.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                1.<a href="">BJ肆 佛跳墙乐团 Buddha Jump</a>
                                <a href="">梁静茹</a>
                            </div>
                            <div class="words">
                                <a href="">梁静茹</a>
                            </div>
                            <div class="star">
                                <span class="star-bg star50"></span>
                                <span class="number">8.9</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover9.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                1.<a href="">BJ肆 佛跳墙乐团 Buddha Jump</a>
                            </div>
                            <div class="words">
                                <a href="">梁静茹</a>
                            </div>
                            <div class="star">
                                <span class="star-bg star50"></span>
                                <span class="number">8.9</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover9.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                1.<a href="">BJ肆 佛跳墙乐团 Buddha Jump</a>
                            </div>
                            <div class="words">
                                <a href="">梁静茹</a>
                            </div>
                            <div class="star">
                                <span class="star-bg star50"></span>
                                <span class="number">8.9</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover9.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                1.<a href="">BJ肆 佛跳墙乐团 Buddha Jump</a>
                            </div>
                            <div class="words">
                                <a href="">梁静茹</a>
                            </div>
                            <div class="star">
                                <span class="star-bg star50"></span>
                                <span class="number">8.9</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover9.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                1.<a href="">BJ肆 佛跳墙乐团 Buddha Jump</a>
                            </div>
                            <div class="words">
                                <a href="">梁静茹</a>
                            </div>
                            <div class="star">
                                <span class="star-bg star50"></span>
                                <span class="number">8.9</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover9.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                1.<a href="">BJ肆 佛跳墙乐团 Buddha Jump</a>
                            </div>
                            <div class="words">
                                <a href="">梁静茹</a>
                            </div>
                            <div class="star">
                                <span class="star-bg star50"></span>
                                <span class="number">8.9</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover9.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                1.<a href="">BJ肆 佛跳墙乐团 Buddha Jump</a>
                            </div>
                            <div class="words">
                                <a href="">梁静茹</a>
                            </div>
                            <div class="star">
                                <span class="star-bg star50"></span>
                                <span class="number">8.9</span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover9.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                1.<a href="">BJ肆 佛跳墙乐团 Buddha Jump</a>
                            </div>
                            <div class="words">
                                <a href="">梁静茹</a>
                            </div>
                            <div class="star">
                                <span class="star-bg star50"></span>
                                <span class="number">8.9</span>
                            </div>
                        </li>
                    </ul>

                    <div class="section-title">
                        <h3 class="title">热门歌单</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <ul class="item-list hot-music">
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover10.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                LM-6.2014
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover10.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                LM-6.2014
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover10.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                LM-6.2014
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover10.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                LM-6.2014
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover10.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                LM-6.2014
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <div class="img iconfont iconbofang">
                                    <img src="./img/cover10.jpg" alt="">
                                </div>
                            </a>
                            <div class="words">
                                LM-6.2014
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>

        <!-- 豆品 -->
        <div class="section">
            <div class="container clearfix doupin-area">
                <div class="aside-left">
                    <div class="title">
                        <h2>
                            <a href="">豆品</a>
                        </h2>
                    </div>
                </div>

                <div class="aside-right">
                    <div class="section-title">
                        <h3 class="title">热门活动</h3>
                    </div>
                    <div class="adv">
                        <a href="">
                            <img src="./img/adv2.jpg" alt="">
                        </a>
                    </div>
                    <div>
                        <a href="">我的豆瓣收藏夹里有什么</a>
                    </div>
                    <div class="section-title">
                        <h3 class="title">官方小组</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>
                </div>

                <div class="main">
                    <div class="section-title">
                        <h3 class="title">热卖商品</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>
                    <ul class="item-list">
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover11.jpg" alt="">
                                </a>
                            </div>
                            <div class="words clearfix">
                                <a href="" class="left">
                                    豆瓣冻顶乌龙茶
                                </a>
                                <span class="right">
                                    ￥59.00
                                </span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover11.jpg" alt="">
                                </a>
                            </div>
                            <div class="words clearfix">
                                <a href="" class="left">
                                    豆瓣冻顶乌龙茶
                                </a>
                                <span class="right">
                                    ￥59.00
                                </span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover11.jpg" alt="">
                                </a>
                            </div>
                            <div class="words clearfix">
                                <a href="" class="left">
                                    豆瓣冻顶乌龙茶
                                </a>
                                <span class="right">
                                    ￥59.00
                                </span>
                            </div>
                        </li>
                        <li>
                            <div class="img">
                                <a href="">
                                    <img src="./img/cover11.jpg" alt="">
                                </a>
                            </div>
                            <div class="words clearfix">
                                <a href="" class="left">
                                    豆瓣冻顶乌龙茶
                                </a>
                                <span class="right">
                                    ￥59.00
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 同城 -->
        <div class="section">
            <div class="container clearfix city-area">
                <div class="aside-left">
                    <div class="title">
                        <h2>
                            <a href="">同城</a>
                        </h2>
                    </div>
                    <div class="left-menu">
                        <ul>
                            <li>
                                <a href="">
                                    近期活动
                                </a>
                            </li>
                            <li>
                                <a href="" class="new">
                                    主办方
                                </a>
                            </li>
                            <li><a href="">舞台剧</a></li>
                        </ul>
                    </div>
                </div>

                <div class="aside-right">
                    <div class="section-title">
                        <h3 class="title">活动标签</h3>
                    </div>

                    <div class="group">
                        <div class="group-name">
                            <a href="">音乐</a>
                        </div>

                        <ul class="right-menu-list clearfix">
                            <li>
                                <a href="">小型现场</a>
                            </li>
                            <li><a href="">音乐会</a></li>
                            <li><a href="">演唱会</a></li>
                            <li><a href="">音乐节</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <div class="group-name">
                            <a href="">音乐</a>
                        </div>

                        <ul class="right-menu-list clearfix">
                            <li>
                                <a href="">小型现场</a>
                            </li>
                            <li><a href="">音乐会</a></li>
                            <li><a href="">演唱会</a></li>
                            <li><a href="">音乐节</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <div class="group-name">
                            <a href="">音乐</a>
                        </div>

                        <ul class="right-menu-list clearfix">
                            <li>
                                <a href="">小型现场</a>
                            </li>
                            <li><a href="">音乐会</a></li>
                            <li><a href="">演唱会</a></li>
                            <li><a href="">音乐节</a></li>
                        </ul>
                    </div>
                    <div class="group">
                        <div class="group-name">
                            <a href="">音乐</a>
                        </div>

                        <ul class="right-menu-list clearfix">
                            <li>
                                <a href="">小型现场</a>
                            </li>
                            <li><a href="">音乐会</a></li>
                            <li><a href="">演唱会</a></li>
                            <li><a href="">音乐节</a></li>
                        </ul>
                    </div>
                </div>

                <div class="main">
                    <div class="section-title">
                        <h3 class="title">成都·本周热门活动</h3>
                        <span class="link">
                            <a href="">
                                更多
                            </a>
                        </span>
                    </div>

                    <ul class="item-list">
                        <li class="clearfix">
                            <div class="img left">
                                <a href="">
                                    <img src="./img/cover12.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">初音未来2019巡回演唱会广州站</a>
                                <span>11月23日 周六 - 11月24日 周日</span>
                                <span>广东艺术剧院 广州市广州大...</span>
                                <span>43人关注</span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="img left">
                                <a href="">
                                    <img src="./img/cover12.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">初音未来2019巡回演唱会广州站</a>
                                <span>11月23日 周六 - 11月24日 周日</span>
                                <span>广东艺术剧院 广州市广州大...</span>
                                <span>43人关注</span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="img left">
                                <a href="">
                                    <img src="./img/cover12.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">初音未来2019巡回演唱会广州站</a>
                                <span>11月23日 周六 - 11月24日 周日</span>
                                <span>广东艺术剧院 广州市广州大...</span>
                                <span>43人关注</span>
                            </div>
                        </li>
                        <li class="clearfix">
                            <div class="img left">
                                <a href="">
                                    <img src="./img/cover12.jpg" alt="">
                                </a>
                            </div>
                            <div class="words">
                                <a href="">初音未来2019巡回演唱会广州站</a>
                                <span>11月23日 周六 - 11月24日 周日</span>
                                <span>广东艺术剧院 广州市广州大...</span>
                                <span>43人关注</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 页脚 -->
        <div class="section">
            <div class="container clearfix footer-area">
                <div class="footer-left left">
                    <div class="line1">
                        <span>© 2005－2019 douban.com, all rights reserved 北京豆网科技有限公司</span>
                    </div>
                    <div class="line2">
                        <a href="">京ICP证090015号</a><span>京ICP备11027288号 网络视听许可证</span><a
                            href="">0110418</a><span>号</span>
                    </div>
                    <div class="line3">
                        <span>京网文[2015]2026-368号</span>
                        <img src="./img/biaoshi.gif" alt="">
                        <a href="">京公网安备11010502000728</a>
                        <span>新出网证(京)字129号</span>
                    </div>
                    <div class="line4">
                        <span>违法和不良信息举报电话：4008353331-9 </span>
                        <img src="./img/mail.jpg" alt="">
                    </div>
                    <div class="line5">
                        <img src="./img/jubao.png" alt="">
                        <a href="">中国互联网举报中心</a>
                        <span>电话：12377</span>
                        <a href="">新出发京批字第直160029号</a>
                    </div>
                </div>

                <div class="footer-right right">
                    <ul class="list clearfix">
                        <li class="left">
                            <a href="">关于豆瓣</a>
                            <span> · </span>
                        </li>
                        <li class="left">
                            <a href="">在豆瓣工作</a>
                            <span>·</span>
                        </li>
                        <li class="left">
                            <a href="">联系我们</a>
                            <span>·</span>
                        </li>
                        <li class="left">
                            <a href="">法律声明</a>
                            <span>·</span>
                        </li>
                        <li class="left">
                            <a href="">帮助中心</a>
                            <span>·</span>
                        </li>
                        <li class="left">
                            <a href="">移动应用</a>
                            <span>·</span>
                        </li>
                        <li class="left">
                            <a href="">豆瓣广告</a>
                        </li>
                    </ul>
                    <div class="adv">
                        <img src="./img/adv3.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>